<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const f = fetch('http://localhost:1314/book');
        const f1 = fetch('http://localhost:1314/publisher');

        (async () => {
            await f.then( res => {
                return res.json();
            }).then( res => {
                console.log('f',res);
            });

            await f1.then( res => {
                return res.json();
            }).then( res => {
                console.log('f1',res);
            }).catch( res => {
                console.log(res);
            });
        })();

        // f
        //     .then( res => {
        //         // console.log('res:',res);
        //         res.json()
        //     })
        //     .then( res =>{
        //         console.log('f.res',res);
        //     })
        


        // Promise
        //     .all([f,f1])
        //     .then( res => {
        //         resolve(Promise.all( res.map(res => {
        //             res.json();
        //         })))
        //     })
        //     .then( res => {
        //         console.log(res);
        //     })

        // Promise
        //     .race([f,f1]).then(res => {
        //         console.log('race 输出：',res)
        //         return res.json();
        //     })
        //     .then(res => {
        //         console.log(res);
        //     })
        //     .catch(err => {
        //         console.log("错误");
        //     })


    </script>
</body>
</html>